<template>
  <div class="welMain">
    <h2>让我看看是哪个爱学习的小伙伴进来了(●ˇ∀ˇ●)</h2>
    <h2>
      此毕设项目由 Vue2 + ElementUI + Axios + MongoDB + NodeJs 为主要技术依赖进行开发
    </h2>
    <hr style="margin: 30px 0px 60px 0px;">
    <br>
    <h2 style="text-align: center;">
      烟台南山学院 工学院 计算机系计算机科学与技术（专升本）2102班 张荣
    </h2>
    <br>
    <!-- <h3>
      订单页面中右侧查看物流信息的按钮对应的函数请求服务器，服务器通过测试查询物流信息的接口进行随机查询，返回的响应数据不固定。不过都是网络中较新的订单物流信息。
    </h3> -->
    <hr style="margin: 60px 0px 30px 0px;">
    <ol>
      <li><h3>愿我们的每一份努力都不被辜负！</h3></li>
      <li><h3>愿积善者必有余庆！</h3></li>
      <li><h3>悟已往之不见，知来者之可追。</h3></li>
    </ol>
    <ul>
      <li>
        <h3>
          想象一下，2060年，已经年近古稀，坐在空无一人的房间，臃肿老态，没钱没势，生活几乎不能自理，你闭上眼睛虔诚地向上帝许了一个愿望：“祈求上帝让我在年轻一次吧！”
        </h3>
      </li>
      <li><h3>上帝说：“好的”</h3></li>
      <li>
        <h3>
          于是，你慢慢睁开眼，回到了2022年的今天，那这次，您打算怎么过活？
        </h3>
      </li>
      <el-switch
        v-model="fateValue"
        :disabled="onceSelect"
        style="margin: 30px 20px;"
        active-text="不负韶华"
        inactive-text="碌碌无为"
      >
      </el-switch>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fateValue: false,
    };
  },
  computed: {
    onceSelect: function () {
      if (this.fateValue) {
        this.$message({
          showClose: true,
          message: "人生只有一次，而你选择了不负韶华，加油(ง •_•)ง！",
          type: "success",
        });
        return this.fateValue;
      }
    },
  },
};
</script>

<style lang="less" scoped>
h2{
  margin: 30px 0px;
}
.welMain {
  font-family: "楷体";
}
li{
  margin: 20px 10px;
}
ol{
  margin-bottom: 40px;
  li{
    margin-left: 20px;
  }
}

</style>